﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <link href="/Content/_LoginRegLayout.css?v=1" rel="stylesheet" />
    <link href="/Content/pub.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-3.6.0.min.js"></script>
    <script src="~/Scripts/anime.js"></script>
    @RenderSection("head", false)
    <title>用户登陆</title>
</head>
<body>
    <header>
        <div class="lef">
            <img src="/Content/Images/logo.png" />
        </div>
        <div class="rig">
            @Html.ActionLink("返回首页", "Index", "Home")
        </div>
    </header>
    <section>
        <div class="first">
            <img class="fill" src="/Content/Images/login1.jpg" />
        </div>
        <div class="last flex-center">
            @RenderBody()
        </div>
    </section>
    <footer></footer>
    <style>
    </style>
    <script>
        $(function () {
            var itv = setInterval(function () {
                var dom = document.createElement("div");
                var size = anime.random(40, 100) + "px";
                var opc = Math.random() - 0.4.toFixed(1);
                var left = anime.random(3, 80) + "%";
                dom.className = "floatblk";
                dom.style.left = left;
                dom.style.width = size;
                dom.style.height = size;
                dom.style.opacity = opc;
                dom.style.zIndex = -1;
                document.body.style.position = "absolute";
                document.body.style.overflow = "hidden";
                document.body.appendChild(dom);
                anime({
                    targets: dom,
                    top: "-300px",
                    easing: "linear",
                    duration: 18000,
                    complete: function () {
                        dom.remove();
                    }
                });
            }, 900);
        });
    </script>
</body>
</html>
